<template>
  <!-- managesystem page -->
  <div class="managesystem">
    <!-- usermessage -->
    <div class="user-message">
      <p style="font-size:20px">系统说明</p>
      <h2>
        1. 在查询流水之前，请先查询项目，因为流水的数据需要根据项目数据生成；
      </h2>
      <h2>
        2. 若操作数据后数据未刷新，点击左侧栏对应栏目可以更新数据；
      </h2>
      <h2>
        3.
        对表格数据，双击行查看和编辑数据；可以自定义要显示和导出的列，支持全选、取消全选；对项目附件，点击链接可下载，双击行可以进行预览；
      </h2>
      <h2>
        4. 已经设置了默认显示列，该默认值可以修改。
      </h2>
      <h2>
        5. 项目的落地机构和合作方最少一个，可以设置名称为“无”
      </h2>
      <h2>
        6.
        管理员账户为admin1，测试账户为test1，test2,暂时不支持编辑用户信息（也没什么需要编辑的）。管理员可以管理用户权限
      </h2>
      <!-- <h2>
        7. 已知bug： a) 预览word和ppt中文乱码 b) 大文件上传，合并分片时存在bug
        c)
        编辑数据时，表单可能会有一个字段为空，点击该字段即可显示数据（不影响使用，原因未知），
        d) 表格显示列数少时，不支持自动撑开，不影响使用
      </h2> -->
    </div>
  </div>
</template>

<script lang="ts">
import { computed, defineComponent, reactive } from "vue";
import { useRoute, useRouter } from "vue-router";
import store from "@/store";
// 导入ElMessageBox，单独引用

export default defineComponent({
  setup() {
    const route = useRoute();
    const router = useRouter();
    const state = reactive({
      // emmm.. typescript
      breadcrumbArray: [] as typeof route.matched
    });

    return reactive({
      route,
      router,
      nowUser: computed(() => store.state.username),
      // judge if now is login page
      isLogin: computed(() => router.currentRoute.value.path === "/login"),
      state
    });
  }
});
</script>

<style>
body {
  margin: 0;
}
</style>
<style scoped>
/* 用户信息 */
.user-message {
  width: 500px;
  height: 200px;
  margin: 50px;
  margin-left: 140px;
}
/* operations */
.el-button {
  height: 60px;
  width: 250px;
  font-size: 18px;
}
li {
  list-style-type: none; /* li不一行显示 */
  display: block;
}

.el-breadcrumb__inner is-link {
  padding-top: 2px;
}
</style>
